
<template>
    <div class="about">
        <s-Header name="爱你呦--坤坤" :nomore="false" :noback="false" @callback="deleteLocal" ></s-Header>
      <h1 style="text-align: center;">vue3语法学习及使用</h1>
      <h1 style="text-align: center;">菜鸡就多练...我是你坤哥</h1>
      <WelcomeItem>
            <template #icon>
            <DocumentationIcon />
            </template>
            <template #heading>Documentation</template>

            Vue’s
            <a href="https://vuejs.org/" target="_blank" rel="noopener">official documentation</a>
            provides you with all information you need to get started.
        </WelcomeItem>
    </div>
    
</template>
  
  <script setup>
    import WelcomeItem from '@/components/WelcomeItem.vue'
    import DocumentationIcon from '@/components/icons/IconDocumentation.vue'
    import ToolingIcon from '@/components/icons/IconTooling.vue'
    import EcosystemIcon from '@/components/icons/IconEcosystem.vue'
    import CommunityIcon from '@/components/icons/IconCommunity.vue'
    import SupportIcon from '@/components/icons/IconSupport.vue'
    import { useRoute, useRouter } from 'vue-router'
    import { reactive, ref, isRef, isReactive,nextTick, onUnmounted, onMounted  } from 'vue'
    import sHeader from '@/components/SimpleHeader.vue'
  
    const router = useRouter();
    const route = useRoute();
    console.log('router...',router,route)
    onMounted(()=>{
  
    })
    const goBack = () => {
      router.go(-1)
    }
    const goTo = (r, query) => {
      router.push({ path: r, query: query || {} })
    }
  </script>
    
  
  <style lang="less" >
     
  </style>
  <style lang="less" scoped>
     
  </style>